<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0" />
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="x5-fullscreen" content="true">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <meta name='keywords' content='多维可视化展示' />
    <meta name='description' content='多维可视化展示系统' />
    <!-- <link rel='icon' href='img/logo.png' /> -->
    <title id="title">二三维联动</title> 

    
    <!--第三方lib-->
    <script type="text/javascript" src="./lib/include-lib.js?time=20200510" libpath="./lib/"
            include="jquery,font-awesome,bootstrap,layer,haoutil,turf,mars2d,mars3d"></script>
	<link href='css/gangxi.css' type='text/css' rel='stylesheet' />
	<style>
	        #centerDiv {
	            position: absolute;
	            top: 0;
	            left: 0;
	            height: 100%;
	            width: 100%;
	            margin: 0;
	            padding: 0;
	        }
	
	        #centerDiv3D {
	            position: absolute;
	            top: 0;
	            right: 0;
	            height: 100%;
	            width: 100%;
	            margin: 0;
	            padding: 0;
	        }
	
	        /**cesium工具栏位置*/
	        .cesium-viewer-toolbar {
	            top: auto;
	            left: auto;
	            right: 5px;
	            bottom: 5px;
	        }
	
	        .cesium-viewer-toolbar>.cesium-toolbar-button,
	        .cesium-navigationHelpButton-wrapper,
	        .cesium-viewer-geocoderContainer {
	            margin-bottom: 5px;
	            float: right;
	            clear: both;
	        }
	
	        .cesium-baseLayerPicker-dropDown {
	            bottom: 0;
	            right: 40px;
	            max-height: 700px;
	            margin-bottom: 5px;
	        }
	
	        .cesium-navigation-help {
	            top: auto;
	            bottom: 0;
	            right: 40px;
	            transform-origin: right bottom;
	        }
			#map-querybar{
				display:none;
			}
	    </style>
</head>
<body id="vueApp">
    
	<div id="centerDiv3D" style="    right: auto;
    left: 0px;width:50%">
		<div id="map" class="map"></div>
	</div>
	<div id="centerDiv" style="    width: 50%;
    right: 0px !important;
    left: auto;">
		<div id="cesiumContainer" class="mars3d-container"></div>
	</div>
     <div class="infoview" style="left:43%;top:2px;">
		 <input type="button" class="btn btn-primary" value="分屏" onclick="map2D3D.viewTo23D();" />
		 <input type="button" class="btn btn-primary" value="仅2D" onclick="map2D3D.viewTo2d();" />
		 <input type="button" class="btn btn-primary" value="仅3D" onclick="map2D3D.viewTo3d();" />
	 </div>
	 <script>
		 var viewer;
	 </script>
	 <script src="config/marsUrl.js"></script>
    <script src="js/map2D3D.js"></script>
	<script src="js/gangxi.js"></script>
	
	
</body>
</html> 